<template>
	<LoginTemplate :title="login == 'login' ? 'AIP' : t('login', 'AIP项目管理平台')" :titleStyle="{'margin':'20px 0px 0px 0px'}">
		<a-result class='successIcon' status="success" :title="title" :sub-title="t('login', '请使用新密码重新登录')" style='padding-top:32px'>
			<template #extra>
				<a-button key="console" type="primary" @click="toLogin">{{t('login', '去登录')}}</a-button>
				<!-- <a-button key="buy" @click="toHome">{{t('login', '返回首页')}}</a-button> -->
			</template>
		</a-result>
		</LoginTemplate>
</template>

<script setup>
	import {
		useRouter,
		useRoute
	} from 'vue-router';
	import {ref} from 'vue';
	import LoginTemplate from './components/LoginTemplate.vue'
	import { t } from '@/i18n'
	const route = useRoute();
	const router = useRouter();
	console.log('route',route)
  let {home,login} =route.query
	function toLogin() {
		router.replace({
			name: 'login'
		})
	}

	function toHome() {
		router.push({
			name: home
		})
	}
</script>

<style lang='scss' scoped>
	
	:deep(:where(.css-dev-only-do-not-override-19iuou).ant-result ){
	    padding: 0px 20px 30px 20px;
	}
	:deep(:where(.css-dev-only-do-not-override-19iuou).ant-result .ant-result-title){
		font-size: 18px;
	}
	:deep(:where(.css-dev-only-do-not-override-19iuou).ant-result .ant-result-icon>.anticon){
		font-size:65px;
	}

</style>
